<style type="text/css">
    .qq-hover:hover {
        background: #3b5998 !important;
    }
    .weixin-hover:hover {
        background: #00aced !important;
    }
    .github-hover:hover {
        background: #d14836 !important;
    }
    .xh-area-form  table  tr  td  label {
        text-align: right;
        width: 90px;
    }
    .tab-pane {
        max-height: 700px;
        min-height: 200px;
        overflow-y: auto;
    }
    label {
        margin: 0px!important;
    }
</style>
<script>
    var staffInfo={{ staffInfo | json_encode }};
</script>

<div class="padding-md" style="overflow: hidden;height: 98%;padding: 0px 20px 20px 20px;">
    <h4 class="header-text m-bottom-md">
        职工信息
        <span class="sub-header">
							欢迎回来,{{ staffInfo['sStaffName'] }}
						</span>
    </h4>

    <div class="row user-profile-wrapper">
        <div class="col-md-3 user-profile-sidebar m-bottom-md">
            <div class="row">
                <div class="col-sm-4 col-md-12">
                    <div class="user-profile-pic">
                        {% if icon is not defined %}
                            <img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3289761550,697278018&fm=26&gp=0.jpg" alt="">
                        {% else %}
                            <img src="{{ icon }}" alt="">
                        {% endif %}
                    </div>
                </div>
                <div class="col-sm-6 col-md-12">
                    <div class="user-name m-top-sm"><p>{{ staffInfo['sStaffName'] }}<i class="fa fa-circle text-success m-left-xs font-14"></i></p></div>

                    <div class="m-top-sm">
                        <div>
                            <p><i class="fa fa-map-marker user-profile-icon"></i>
                                {{ staffInfo['sNowAddress'] }}</p>
                        </div>
                        <div class="m-top-xs">
                            <p><i class="fa fa-external-link user-profile-icon"></i>
                                {{ staffInfo['sDepName'] }}</p>
                        </div>

                        <div class="m-top-xs">
                            <p><i class="fa fa-briefcase user-profile-icon"></i>
                                {{ staffInfo['sPostName'] }}</p>
                        </div>
                        <div class="m-top-xs">
                            <p><i class="fa fa-envelope-o user-profile-icon"></i>
                                {{ staffInfo['sHundredMail'] }}</p>
                        </div>
                    </div>


                    <h4 class="m-top-md m-bottom-sm">个人评价</h4>
                    <div class="m-top-sm">
                        {{ staffInfo['mEvaluate'] }}
                    </div>

                    <h4 class="m-top-md m-bottom-sm">联系方式</h4>
                    <div class="m-top-sm">
                        <div>
                            <p><i class="fa fa-qq user-profile-icon"></i>
                                {{ staffInfo['sQQNum'] }}</p>
                        </div>
                        <div class="m-top-xs">
                            <p><i class="fa fa-weixin user-profile-icon"></i>
                                {{ staffInfo['sWeChatNum'] }}</p>
                        </div>
                        {#<div class="m-top-xs">#}
                            {#<p><i class="fa fa-github user-profile-icon"></i>#}
                                {#暂未记录</p>#}
                        {#</div>#}
                        <div class="m-top-xs">
                            <p><i class="fa fa-phone user-profile-icon"></i>
                                {{ staffInfo['sSelfPhone'] }} </p>
                        </div>
                    </div>

                </div>
            </div><!-- ./row -->
        </div><!-- ./col -->
        <div class="col-md-9">
            <div class="smart-widget">
                <div class="smart-widget-inner">
                    <ul class="nav nav-tabs tab-style2 tab-right bg-grey">
                        <li class="">
                            <a href="#function" data-toggle="tab">
                                <span class="icon-wrapper"><i class="fa fa-tasks"></i></span>
                                <span class="text-wrapper">功能模块</span>
                            </a>
                        </li>
                        {#<li class="">#}
                            {#<a href="#attendance" data-toggle="tab">#}
                                {#<span class="icon-wrapper"><i class="fa fa-eye"></i></span>#}
                                {#<span class="text-wrapper">考勤信息</span>#}
                            {#</a>#}
                        {#</li>#}
                        <li class="">
                            <a href="#salary" data-toggle="tab">
                                <span class="icon-wrapper"><i class="fa fa-usd"></i></span>
                                <span class="text-wrapper">工资单</span>
                            </a>
                        </li>
                        {#<li class="">#}
                            {#<a href="#staffAccount" data-toggle="tab">#}
                                {#<span class="icon-wrapper"><i class="fa fa-user"></i></span>#}
                                {#<span class="text-wrapper">账号相关</span>#}
                            {#</a>#}
                        {#</li>#}
                        <li class="">
                            <a href="#giftInfo" data-toggle="tab">
                                <span class="icon-wrapper"><i class="fa fa-gift"></i></span>
                                <span class="text-wrapper">领用信息</span>
                            </a>
                        </li>
                        <li class="active">
                            <a href="#info" data-toggle="tab">
                                <span class="icon-wrapper"><i class="fa fa-info"></i></span>
                                <span class="text-wrapper">基本信息</span>
                            </a>
                        </li>
                    </ul>
                    <div class="smart-widget-body">
                        <div class="tab-content">
                            <div class="tab-pane fade in active" id="info">
                                <form id="xh_form" class="xh-form"  method="post"  style="margin-left: 20px;height: auto">
                                    <div class="xh-area-form">
                                        <table style="width: 100%;height: 100%;margin-bottom: 10px;">
                                            <tr><td colspan="6"><h4 class="header-text m-top-sm">基本信息</h4></td></tr>
                                            <tr>
                                                <td><label>姓名:</label></td>
                                                <td>{{ staffInfo['sStaffName'] }}</td>
                                                <td><label >性别:</label></td>
                                                <td>
                                                    {{ staffInfo['iUserSex'] }}
                                                </td>
                                                <td><label>是否婚配:</label></td>
                                                <td>
                                                    {{ staffInfo['bMarried'] }}
                                                </td>
                                            </tr>

                                            <tr>
                                                <td><label >出生年月:</label></td>
                                                <td>{{ staffInfo['tBirthday'] }}</td>
                                                <td><label >民族:</label></td>
                                                <td>
                                                    {{ staffInfo['sNationName'] }}
                                                </td>
                                                <td><label >籍贯:</label></td>
                                                <td> {{ staffInfo['sNativePlace'] }}</td>
                                            </tr>

                                            <tr>
                                                <td><label>年龄:</label></td>
                                                {% if staffInfo['iAge'] is defined %}
                                                    <td>{{ staffInfo['iAge']  }}</td>
                                                {% else %}
                                                    <td></td>
                                                {% endif %}
                                                {#<td>{{ staffInfo['iAge'] }}</td>#}
                                                <td><label>联系方式:</label></td>
                                                <td>{{ staffInfo['sSelfPhone'] }}</td>
                                                <td><label>身份证号:</label></td>
                                                <td>{{ staffInfo['sIdentityCode'] }}</td>

                                            </tr>
                                            <tr>
                                                <td><label>毕业学校:</label></td>
                                                <td>{{ staffInfo['sGraduateSchool'] }}</td>

                                                <td><label>最高学历:</label></td>
                                                <td>{{ staffInfo['sCultureLevel'] }}</td>
                                                <td><label>毕业时间:</label></td>
                                                <td>{{ staffInfo['tGraduateDate'] }}</td>
                                            </tr>
                                            <tr>
                                                <td><label>专业:</label></td>
                                                <td>{{ staffInfo['sProfession'] }}</td>
                                                <td><label>职称:</label></td>
                                                <td>{{ staffInfo['sPostLevel'] }}</td>

                                            </tr>
                                            <tr>
                                                <td><label>户籍地址:</label></td>
                                                <td colspan="3">{{ staffInfo['sFamilyAddress'] }}</td>
                                            </tr>
                                            <tr>
                                                <td><label>现居住地:</label></td>
                                                <td colspan="3">{{ staffInfo['sNowAddress'] }}</td>
                                            </tr>
                                            <tr><td colspan="6"><h4 class="header-text m-top-sm">联系方式</h4></td></tr>
                                            <tr>
                                                <td><label>紧急联系人:</label></td>
                                                <td>{{ staffInfo['sContractName'] }}</td>
                                                <td><label>联系人关系:</label></td>
                                                <td>{{ staffInfo['sContractRelation'] }}</td>
                                                <td><label>联系人电话:</label></td>
                                                <td>{{ staffInfo['sContractPhone'] }}</td>
                                            </tr>

                                            <tr>
                                                <td><label>QQ:</label></td>
                                                <td>{{ staffInfo['sQQNum'] }}</td>
                                                <td><label>微信:</label></td>
                                                <td>{{ staffInfo['sWeChatNum'] }}</td>
                                                <td><label>邮箱:</label></td>
                                                <td>{{ staffInfo['sEmailAddress'] }}</td>
                                            </tr>

                                            <tr><td colspan="6"><h4 class="header-text m-top-sm">工作相关</h4></td></tr>
                                            <tr>
                                                <td><label>开始工作时间:</label></td>
                                                <td>{{ staffInfo['tStartWork'] }}</td>
                                                <td><label>入职时间:</label></td>
                                                <td>{{ staffInfo['tHireDate'] }}</td>
                                                <td><label>转正时间:</label></td>
                                                <td>{{ staffInfo['tRegularDate'] }}</td>
                                            </tr>

                                            <tr>
                                                <td><label>合同领用情况:</label></td>
                                                <td>{{ staffInfo['sContractStatus'] }}</td>
                                                <td><label>合同期限:</label></td>
                                                <td>{{ staffInfo['sContentDate'] }}</td>
                                                <td><label>签订次数:</label></td>
                                                <td>{{ staffInfo['iSignNumber'] }}</td>
                                            </tr>

                                            <tr>
                                                <td><label>部门:</label></td>
                                                <td>{{ staffInfo['sDepName'] }}</td>
                                                <td><label>岗位:</label></td>
                                                <td>{{ staffInfo['sPostName'] }}</td>
                                                <td><label>银行卡号:</label></td>
                                                <td>{{ staffInfo['sBankCard'] }}</td>
                                            </tr>

                                            <tr>
                                                <td><label>社保缴纳日期:</label></td>
                                                <td>{{ staffInfo['tSocialPayDate'] }}</td>
                                                <td><label>社保缴纳状态:</label></td>
                                                <td>{{ staffInfo['sSocialPayStatus'] }}</td>
                                                <td><label>公积金缴纳情况:</label></td>
                                                <td>{{ staffInfo['sSurplusPayStatus'] }}</td>
                                            </tr>

                                            <tr>
                                                <td><label>是否在休假:</label></td>
                                                <td>{{ staffInfo['bInHoliday'] }}</td>
                                                <td><label>工作状态:</label></td>
                                                <td>{{ staffInfo['iWorkStatus'] }}</td>
                                                <td><label>司龄:</label></td>
                                                {% if staffInfo['sCompanyYear'] is defined %}
                                                    <td>{{ staffInfo['sCompanyYear']  }}</td>
                                                    {% else %}
                                                    <td></td>
                                                {% endif %}
                                            </tr>

                                        </table>
                                    </div>
                                </form>
                            </div><!-- ./tab-pane -->
                            <div class="tab-pane fade " id="giftInfo">
                                <iframe  src="{{ url('hrm/mine/staffReceive') }}" name="giftInfo"   style="width: 100%;height: 98%;border-style: none;padding: 0px;"  scrolling="yes"   ></iframe>
                            </div><!-- ./tab-pane -->
                            {#<div class="tab-pane fade" id="staffAccount">#}
                                {#<iframe  src="{{ url('/hrm/mine/staffAccount') }}" name="salary"   style="width: 100%;height: 98%;border-style: none;padding: 0px;"  scrolling="yes"   ></iframe>#}
                            {#</div><!-- ./tab-pane -->#}
                            <div class="tab-pane fade" id="salary">
                                <iframe  src="{{ url('/hrm/salary') }}" name="salary"   style="width: 100%;height: 98%;border-style: none;padding: 0px;"  scrolling="yes"   ></iframe>
                            </div><!-- ./tab-pane -->
                            {#<div class="tab-pane fade" id="attendance">#}
                                {#<p>考勤信息开发中</p>#}
                            {#</div><!-- ./tab-pane -->#}
                            <div class="tab-pane fade" id="function">
                                <iframe  src="{{ url('hrm/mine/staffFunction') }}" name="salary"   style="width: 100%;height: 98%;border-style: none;padding: 0px;"  scrolling="yes"   ></iframe>
                            </div><!-- ./tab-pane -->
                        </div><!-- ./tab-content -->
                    </div><!-- ./smart-widget-body -->
                </div><!-- ./smart-widget-inner -->
            </div><!-- ./smart-widget -->
        </div>
    </div>
</div><!-- ./padding-md -->